@import (reference) '../../variable.less';

.wea-edc-com-title {
  display: block;
  color: #000;
  padding-bottom: 6px;
  font-size: 16px;
  word-break: break-all;
  .wea-edc-com-required:after{
      content: "*";
      padding: 0 5px;
      color: transparent;
      background-image: url(/images/BacoError_wev9.png);
      background-repeat: no-repeat;
      background-position: 50%;
  }
}

.wea-edc-com-subTitle {
  padding-left: 5px;
  color: @font-color-light;
}

.wea-edc-com-desc {
  display: block;
  overflow: hidden;
  white-space: normal;
  font-size: 12px;
  color: #545454;
  margin-top: -2px;
  padding-bottom: 2px;
  img{
    max-width: 100%;
  }
}
.wea-edc-com-readonly{
  min-height: 40px;
  background: #fafafa;
  padding: 7px 14px;
  line-height: 24px;
  margin-left: -14px;
  word-break: break-all;
}

.wea-edc-com-tips {
  & > div > p {
    position: relative !important;
    top: 5px;
    left: 0 !important;
  }
}
.wea-edc-noedit-com {
  & > :not(.wea-edc-com-title){
    position: relative;
    input, textarea, select,
    .wea-associative-search, .ant-select-selection,
    .ant-input-number {
      background-color: #f7f7f7 !important ;
    }
    &::before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0.1;
      z-index: 5;
    }
  }
  
  .ant-radio-inner {
    background-color: #ccc;
    border-color: #d9d9d9!important;
    cursor: not-allowed;
    &:after {
      background-color: #505050;
    }
  }
  .ant-checkbox-inner {
    background-image: url("/cloudstore/resource/pc/com/images/checkbox_disable.png");
  }
  .ant-checkbox-checked .ant-checkbox-inner {
    background-image: url("/cloudstore/resource/pc/com/images/checkbox_disable_checked_.png");
  }
}
.wea-edc-noedit-cursor {
  & > :not(.wea-edc-com-title){
    &::before {
        cursor: pointer;
      }
  }
}
.wea-edc-physical-field {
  label {
    display: inline-block !important;
  }
  .field-icon {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 38px;
    height: 30px;
    width: 30px;
    .anticon-copy {
      position: relative;
      left: 8px;
      top: 4px;
    }
  }
  .wea-select {
    display: block;
  }
  .wea-field-readonly {
    cursor: default;
  }
}
.wea-edc-physical-field.address {
  padding-top: 0px !important;
  .field-icon {
    top: 1px;
    right: 18px;
  }
  .wea-field-readonly {
    height: 30px;
  }
}